//工具样式，用来保存像pull-left,pull-right,text-left,text-right,clearfix这种工具类样式

:global{
  .b-block{
    box-sizing: border-box;
  }
  .text-left{
    text-align: left;
  }
  .text-right{
    text-align: right;
  }
  .text-center{
    text-align: center;
  }
  .flex{
    display: flex;
    .flex-1{
      flex : 1 ;
    }
    .flex-5{
      flex: 5 ;
    }
    &.align-center{
      align-content: center;
      align-items: center;
    }
    &.justify-center{
      justify-content: center;
    }
    &.justify-between{
      justify-content: space-between;
    }
  }

  /*
  行数限制
*/
  .b_line-1,
  .b_line-2, .b_line-3, .b_line-4, .b_line-5, .b_line-6 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .b_line-1 {
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    white-space: pre-wrap;
   // white-space: nowrap;
  }

  .b_line-2 {
    -webkit-line-clamp: 2;
  }

  .b_line-3 {
    -webkit-line-clamp: 3;
  }

  .b_line-4 {
    -webkit-line-clamp: 4;

  }

  .b_line-5 {
    -webkit-line-clamp: 5;

  }

  .b_line-6 {
    -webkit-line-clamp: 6;
  }

  .b_line-7 {
    -webkit-line-clamp: 7;
  }

  .b_line-8 {
    -webkit-line-clamp: 8;
  }

  .b_line-9 {
    -webkit-line-clamp: 9;
  }

  .b_line-10 {
    -webkit-line-clamp: 10;
  }


}
